/* Debut CSS Création Compte client */
.menuWrapper {
    position: relative;
    left: 50%;
    top: 15%;
    transform: translate(-50%, 0%);
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.steps {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.step {
    display: table;
    position: relative;
    text-align: center;
    width: 16%;
    height: 50px;
    background: #fff;
    border: 1px solid #020D26;
    border-radius: 3px;
    transition: background 1s;
}
.step p {
    pointer-events: none;
    user-select: none;
    cursor: pointer;
    line-height: 1;
    font-weight: bold;
    font-size: 0.9rem;
}
.step.selected {
    border: 1px solid #f47400
}
.step.completed {
    border: 1px solid #f47400;
    background: #f47400;
}
.step.completed p {
    color: white;
}
.menuProgress {
    position: absolute;
    width: 100%;
    height: 50%;
    border-bottom: 1px solid #020D26;
    z-index: -1;
}
.percent {
    position: absolute;
    width: 0;
    height: 107%;
    border-bottom: 1px solid #f47400;
    z-index: 1;
    transition: width 0.5s;
}
@media (max-width: 1200px) {
    .step {
        width: 19%;
    }
}
@media (max-width: 992px) {
    .menuWrapper {
        top: 20%;
        width: 100%;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .step {
        display: table;
        position: relative;
        text-align: center;
        width: 18%;
        height: 50px;
        background: #fff;
        border: 2px solid #020D26;
        border-radius: 3px;
        transition: background 1s;
    }
    .step p {
        line-height: 1;
        font-weight: bold;
        font-size: 0.6rem;
    }
}
@media (max-width: 580px) {
    .menuWrapper {
        top: 15%;
        width: 90%;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .step {
        display: table;
        position: relative;
        text-align: center;
        width: 20px;
        height: 20px;
        background: #fff;
        border: 2px solid #020D26;
        border-radius: 0px;
        transition: background 1s;
    }
    .step p {
        line-height: 1;
        font-weight: bold;
        font-size: 0.7rem;
        display: none;
    }
    .percent {
        height: 120%;
    }
}
.formCreaComptePage {
    display: none;
}
.formCreaComptePage.active {
    display: block;
}
.formCreaComptePage input.form-control {
    width: 95% !important;
    Border-radius: 0;
}
input.form-control.form-control-2x {
    width: 97.5% !important;
}
label.sautLigne {
    display: block;
    font-size: 1rem !important;
}
label.form-control-marge {
    margin-bottom: 2.2rem !important;
}
.d-unset {
    display: unset;
}
.formCreaComptePage select.form-control {
    width: 95% !important;
    Border-radius: 0;
}
select.form-control-bis, input.form-control-bis {
    width: 95% !important;
}
input.form-control-unsursix, select.form-control-unsursix {
    width: 90% !important;
}
.policePlusPetit {
    font-size: 0.8rem !important;
}
.selectFloatingSize {
    font-size: 0.85rem;
}
.caseCoche {
    z-index: 5000;
    position: relative;
}
.separateurOrange {
    width: 10%;
    border-width: 7px;
    border-color: #f47400;
    opacity: 1;
    margin: 0;
}
@media (max-width : 992px) {
    input.form-control-unsursix, select.form-control-unsursix {
        width: 95% !important;
    }
}
@media (max-width : 768px) {
    input.form-control.form-control-2x {
        width: 90% !important;
    }
}
.formCreaComptePage select.form-control:not([size]):not([multiple]) {
    height: calc(2.9rem+2px);
}
.formCreaComptePage.form-control {
    padding: 0.8rem 1.15rem;
}
.marginAdress {
    margin-top: 0.7rem;
}
/* fin CSS Création Compte client */